<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 属性(html属性):写在标签内,和标签名以一个空格分隔的叫做属性(属性名="属性值"),多个属性之前用空格分隔 -->
    <div class="one" id="two" title="hello">
        hello
        <!-- world -->
    </div>
</body>
<script>
    // DOM  (Document Object Model) 提供了操作文档的接口和方法  
    // 1. 每个页面载入到浏览器中就会变为文档的一部分
    // 2. 通过文档可以获取和操作页面中的元素  => 获取元素 操作元素(改变样式 内容 属性) 新增,删除 元素  => DOM操作

    // HTML DOM - 针对 HTML 文档的标准模型
    // HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准，即操作HTML的元素  => html元素的增删改查


    // 节点的概念
    // DOM节点:
    // 文档   => 文档节点
    // 标签/标记/元素  => 元素节点
    // 属性(html属性)  => 属性节点
    // 文本     => 属性节点
    // 注释     => 注释节点

    // 根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：
    //     整个文档是一个文档节点
    //     每个 HTML 元素是元素节点
    //     HTML 元素内的文本是文本节点
    //     每个 HTML 属性是属性节点
    //     注释是注释节点


    // 节点的层级关系:
    // 节点树中的节点彼此拥有层级关系。
    // 父节点
    // 子节点
    // 同胞节点  =>  同胞是拥有相同父节点的节点
    // 根节点 => (html) => 根节点没有父节点









</script>

</html>